.fz(@name,@px){
	@{name}:@px/75*1rem;
}

li{
	list-style:none;
}
header{
background:#494961;
position:fixed;
width:100%;
	ul{
		display:flex;
		justify-content:space-between;
		width:100%;
		li{
			font-size:20px;
			padding:10px 15px;
			color:white;
		}
	}
}
main{
padding-top:46px;
	
	dl {
		display:flex;
		.check{
			 width: 20%;
          	 background-image: url(../images/img/check.png);
          	 background-position: center;
         	 background-repeat: no-repeat;
          	 background-size: 30px;
          	 .checked{
          	 	background-image: url(../images/img/checked.png);
          	 }	 
		}

		.imgs{
           	 	width:50%;
          	 	img{
          	 		width: 100%;
          	 	}
          	 }
         dd{
         	padding:15px 0;
         	li:first-child{
         		font-size:16px;
         		font-weight:700;
         	}
         	li:nth-child(2),li:nth-child(3) {
         		color:#878a93;
         		font-size:12px;
         		padding:3px 0; 
         	}
         	.price{
					 float: left;
					 color:#dd2828;
					 padding:5px 0;
					 font-size:12px;
				}
			.count{
				float:right;
				color:#9699a1;
				padding:5px 0;
				font-size:12px;
			}
         }
        .del{
        	background:#ff6666;
        	text-align:center;
        	color:white;
        	width:4em;
        	display:none;
        }
	}
	
}
footer {
	display:flex;
	.top{
		background:#e4e4e4;
		display:flex;
		width:100%;
		position:fixed;
		bottom:46px;
		justify-content:space-between;
		align-items:center;
		li:nth-child(1){
			width:25%;
		}
		li:nth-child(3){
			color:white;
			background:#ff6666;
			height:46px;
			line-height:46px;
			text-align:center;
			width:25%;
		}
		li{
			font-size:18px;
			font-weight:bold;
			line-height:35px;
		}
		.checkAll{
			 width: 10%;
			 height:30px;
          	 background-image: url(../images/check.png);
          	 background-position: center;
         	 background-repeat: no-repeat;
          	 background-size: 30px;
          	 display:inline-block;
          	 padding-left:20px;
          	 margin-top:10px;
          	 margin-bottom:-5px;
          	 .checked{
          	 	 background-image: url(../images/checked.png);
          	 }
		}
	}
	.bottom{
		background:#25252f;
		color:white;
		display:flex;
		padding:15px 0;
		font-size:16px;
		display:flex;
		position:fixed;
		width:100%;
		bottom:0;
		li:first-child{
			background-image: url(../images/img/icon1.png);
			background-positon:center;
			background-repeat:no-repeat;
			background-size:20px 20px;
			padding-left:25px;
			margin-left:10px;
			flex:1;
		}
		li:nth-child(2){
			background-image:url(../images/img/icon2.png);
			background-positon:center;
			background-repeat:no-repeat;
			background-size:20px 20px;
			padding-left:25px;
			margin-left:10px;
			flex:1;
		}
		li:nth-child(3){
			background-image:url(../images/img/icon3.png);
			background-positon:center;
			background-repeat:no-repeat;
			background-size:20px 20px;
			padding-left:25px;
			margin-left:10px;
			color:#ff6666;
			flex:1;
		}
		li:nth-child(4){
			background-image:url(../images/img/icon4.png);
			background-positon:center;
			background-repeat:no-repeat;
			background-size:20px 20px;
			padding-left:25px;
			margin-left:10px;
			flex:1;
		}
	}
}
